<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的主页</title>
    <link href="res/static/css/main.css" rel="stylesheet" type="text/css">
    <link href="res/layui/css/layui.css" rel="stylesheet" type="text/css">
    <script src="res/layui/layui.js" type="text/javascript"></script>
    <link href="res/static/iconfont/iconfont.css" rel="stylesheet">
    <script src="res/static/js/util/jquery-3.3.1.min.js" type="text/javascript"></script>
    <script src="res/static/js/util/jquery.cookie.js" type="text/javascript"></script>
    <script src="res/static/iconfont/iconfont.js"></script>
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
          name="viewport">
    <meta content="IE=Edge,chrome=1" http-equiv="X-UA-Compatible">
</head>
<body>

<div class="site-nav-bg">
    <div class="site-nav w1200">
        <p class="sn-back-home">
            <i class="layui-icon layui-icon-home"></i>
            <a href="/">首页</a>
        </p>
        <div class="sn-quick-menu">
            <div class="login"><a href="start/#/user/user/list">管理员后台</a></div>
            <div class="login"><a href="UserLogOut">退出</a></div>
        </div>
    </div>
</div>


<div class="header">
    <div class="headerLayout w1200">
        <div class="headerCon">
            <h1 class="mallLogo">
                <a href="index.html" title="极品商城">
                    <img src="res/static/img/logo.png">
                </a>
            </h1>
            <div class="mallSearch">
                <form action="search_list.html" class="layui-form" novalidate>
                    <input autocomplete="off" class="layui-input" lay-verify="required" name="title"
                           placeholder="请输入需要的商品"
                           required type="text">
                    <button class="layui-btn" lay-filter="formDemo" lay-submit>
                        <i class="layui-icon layui-icon-search"></i>
                    </button>
                    <input name="" type="hidden" value="">
                </form>
            </div>
        </div>
    </div>
</div>


<div class="commodity-content">
    <div class="commod-cont-wrap">
        <div class="commod-cont w1200 layui-clear">
            <div class="left-nav">
                <div class="title">个人中心</div>
                <div class="list-box">
                    <dl>
                        <dt>我的信息</dt>
                        <dd><a href="consumer_info.html">修改信息</a></dd>
                        <dd><a href="consumer_info.html">消息通知</a></dd>
                    </dl>
                    <dl>
                        <dt>我的订单</dt>
                        <dd><a href="all_order.html">所有订单</a></dd>
                        <dd><a href="shopcart.html">待付款</a></dd>
                        <dd><a href="package.html">待收货</a></dd>
                        <dd><a href="javascript:">待评价</a></dd>
                        <dd><a href="javascript:">售后/退换</a></dd>
                    </dl>
                </div>
            </div>
            <div class="right-cont-wrap">
                <div class="right-cont">
                    <div class="cont-list layui-clear" id="list-cont">

                        <div class="consumer_center_tab">
                            <div class="top_tab">
                                <img id="img" src="res/avatar/default.png">
                                <div class="user">
                                    <p id="username"></p><br>
                                    <a href="consumer_info.html">查看个人信息>></a>
                                </div>
                                <div class="info">
                                    <p id="id"></p><br>
                                    <p id="phone"></p><br>
                                    <p id="email"></p>
                                </div>
                            </div>
                            <hr>
                            <div class="bottom-tab">
                                <ul>
                                    <li>
                                        <div class="mycart">
                                            <span class="iconfont icon-gouwu"></span>
                                            <div class="mycart-info">
                                                <p>我的购物车</p>  <br>
                                                <a href="shopcart.html">查看购物车></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="mycart">
                                            <span class="iconfont icon-dingdan"></span>
                                            <div class="mycart-info">
                                                <p>我的所有订单</p>  <br>
                                                <a href="all_order.html">查看所有订单></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="mycart">
                                            <span class="iconfont icon-kuaidi"></span>
                                            <div class="mycart-info">
                                                <p>我的所有物流</p>  <br>
                                                <a href="package.html">查看我的物流></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="mycart">
                                            <span class="iconfont icon-dianpu"></span>
                                            <div class="mycart-info">
                                                <p>我的店铺</p>  <br>
                                                <a href="seller/#/shop/goods/list">查看我的店铺></a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="footer">
    <div class="ng-promise-box">
        <div class="ng-promise w1200">
            <p class="text">
                <a class="icon1" href="javascript:">7天无理由退换货</a>
                <a class="icon2" href="javascript:">满99元全场免邮</a>
                <a class="icon3" href="javascript:" style="margin-right: 0">100%品质保证</a>
            </p>
        </div>
    </div>
    <div class="mod_help w1200">
        <p>
            <a href="javascript:">关于我们</a>
            <span>|</span>
            <a href="javascript:">帮助中心</a>
            <span>|</span>
            <a href="javascript:">售后服务</a>
            <span>|</span>
            <a href="javascript:">极品资讯</a>
            <span>|</span>
            <a href="javascript:">关于货源</a>
        </p>
        <p class="coty">极品商城版权所有 &copy; 2012-2020</p>
    </div>
</div>


<script type="text/javascript">
    $(function () {
        var userTel = $.cookie("userTel");
        $.ajax({
            url: "userInfo",
            type: "post",
            data: {"userTel": userTel},
            dataType: "json",
            success: function (data) {
                $("#img").prop("src", data.avatarPath);
                $("#username").html(data.userName);
                $("#id").html("用户ID：" + data.userId);
                $("#phone").html("用户电话：" + data.tel);
                $("#email").html("用户邮箱：" + data.email);
            }
        });
    })
</script>


<script>
    layui.config({
        base: 'res/static/js/util/' //你存放新模块的目录，注意，不是layui的模块目录
    }).use(['mm', 'laypage', 'jquery'], function () {
        var laypage = layui.laypage, $ = layui.$,
            mm = layui.mm;
        laypage.render({
            elem: 'demo0'
            , count: 100 //数据总数
        });


        $('.sort a').on('click', function () {
            $(this).addClass('active').siblings().removeClass('active');
        });
        $('.list-box dt').on('click', function () {
            if ($(this).attr('off')) {
                $(this).removeClass('active').siblings('dd').show();
                $(this).attr('off', '')
            } else {
                $(this).addClass('active').siblings('dd').hide();
                $(this).attr('off', true)
            }
        })

    });
</script>
</body>
</html>